<template>
    <div class="wingblank"
         v-bind:class="[{
         'wingblank-mini' : size === 'mini',
         'wingblank-small' : size === 'small',
         'wingblank-normal' : size === 'normal',
         'wingblank-large' : size === 'large', }]"
         @click="e => $emit('click', e)">
        <slot/>
    </div>
</template>

<script>
  export default {
    name: "WingBlank",
    props: {
      size: {
        type: String,
        default: "normal",
      },
    },
  }
</script>

<style>

    .wingblank {
    }

    .wingblank-small {
        margin-left: 6px;
        margin-right: 6px;
    }

    .wingblank-normal {
        margin-left: 9px;
        margin-right: 9px;
    }

    .wingblank-large {
        margin-left: 12px;
        margin-right: 12px;
    }

</style>
